<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .first1 {
            width: 510px;
            text-align: left;
            font-size: 180%;
            background-color: rgb(18, 134, 243);
            font-weight: 600;
            color: white;
        }

        .first2 {
            color: white;
            width: 105px;
            background-color: rgb(4, 73, 7);
        }

        .first3 {
            color: white;
            width: 125px;
            background-color: rgb(30, 192, 97);
        }

        .first4 {
            color: white;
            width: 125px;
            background-color: rgb(3, 159, 250);
        }

        .first5 {
            color: white;
            width: 125px;
            background-color: rgb(7, 65, 131);
        }

        .first6 {
            color: white;
            width: 125px;
            background-color: rgb(2, 4, 97);
        }

        .test1 {
            color: white;
            background-color: rgb(245, 140, 79);

        }

        .test2 {
            color: white;
            background-color: rgb(175, 12, 12);

        }

        .test3 {
            color: white;
            background-color: rgb(219, 90, 90);

        }

        .test4 {
            color: white;
            background-color: rgb(126, 6, 6);

        }

        .test5 {
            color: white;
            background-color: rgb(83, 5, 128);

        }

        .test6 {
            color: white;
            background-color: rgb(64, 5, 119);

        }

        #color {
            background-image: linear-gradient#ECECEC #FFFFED;
        }
    </style>
</head>

<body>
    <div class="first1">
        <header>
            企业人才培养的摇篮--北大青鸟Andriod
        </header>
    </div>
    <br>
    <br>
    <br>
    <div>
        <img src="image/img_01.png" width="20%" height="20%">
        <br>
        <br>
        <span class="first2">逆向课程设计:</span>
        <span style="color: yellowgreen;">以企业需求决定课程设计内容，确保训练内容及深度的企业<br>需求一致</span><br>
        <span class="first3">模拟学员学习路线:</span>
        <span style="color: yellowgreen;">强调难点和复杂技能点的反复训练，力求学习效果和学<br>习体验</span><br>
        <span class="first4">互联网作为教学环境:</span><span style="color: yellowgreen;">学员的日常教学和训练均在互联网线上进行</span><br>
        <span class="first5">学习挡板监控网上学习效果:</span>
        <span style="color: yellowgreen;">每个学习阶段设置线上线下测试，严密监控学<br>习效果</span><br>
        <span class="first6">真是开发项目经验积累:</span>
        <span style="color: yellowgreen;">采用专业互联网企业提供的真实项目作为模拟开发</span><br>
    </div>
    <br>
    <br>
    <div>
        <img src="image/img_02.png" width="20%" height="20%">
        <br>
        <br>
        <span class="test1">【实用性】</span><span style="color: tomato;">以就业岗位需求为导向，重点讲解企业80%的时间在使用的20%<br>的技术</span><br>
        <span class="test2">【权威性】</span><span style="color: tomato;">与来自百度等知名企业的专家联合开发</span><br>
        <span class="test3">【专业性】</span><span style="color: tomato;">引进业内资深人才和典型行业开发项目</span><br>
        <span class="test4">【真实性】</span><span style="color: tomato;">在互联网真是环境下进行教学和训练</span><br>
        <span class="test5">【易学性】</span><span style="color: tomato;">在线培训模式，24小时专家在线解答疑难问题</span><br>
        <span class="test6">【完整性】</span><span style="color: tomato;">利用SNS虚拟社区：学习、人脉双丰收</span><br>
    </div>
    <div id="color"></div>
</body>

</html>